<!-- 用户中心 -->
<template>
    <page-view>
        <header-menu></header-menu>
        <div class=" bg-[#f3f4f6] mt-20">
            <div class=" base-width flex-1 flex flex-row h-[500px]">
                <div class="w-[200px] h-full p-[20px] bg-white flex flex-col text-[14px]">
                    <span class=" h-[32px] w-full cursor-pointer hover:text-[orangered]"
                        @click="$router.push({ name: `customInfo` })">个人中心</span>
                    <span class=" h-[32px] w-full cursor-pointer hover:text-[orangered]" 
                    @click="$router.push({name:'addressList'})">收货地址</span>
                    <span class=" h-[32px] w-full cursor-pointer hover:text-[orangered]" 
                    @click="$router.push({name:'orderInfoList'})">订单列表</span>
                    <span class=" h-[32px] w-full cursor-pointer hover:text-[orangered] "
                        @click="$router.push({ name: `myShopCarList` })">我的购物车</span>
                </div>
                <div class=" flex flex-1 h-full w-full ml-[20px] p-[20px] bg-white">
                   <router-view>
                    
                   </router-view>
                </div>
            </div>
        </div>
        <footer-menu></footer-menu>
    </page-view>
</template>
<script setup>
import { ref, inject, computed } from "vue";
import { maskTel, maskEmail } from "../../utils/StringUtils";
import { mainStore } from "../../store";

const baseURL = inject("baseURL");
const store = mainStore();
const loginClientInfo = computed(() => store.loginClientInfo);


</script>
<style scoped lang="scss">

</style>
   